<template>
  <div class="components-container">


    <el-dialog :title="dialogTitile"
               :visible="dialogVisible"
               width="85%"
               append-to-body
               @close="dialogVisible=false"
    >
      <iframe :src="iframeUrl"
              class="commonDialogIframe"
              @load="onIframeLoad"
              ref="iceConfigIframe"
      ></iframe>
    </el-dialog>


  </div>
</template>

<script>
export default {
  name: 'ShowIframeDialog',
  data() {
    return {

      dialogVisible: false,
    }
  },
  methods: {

    // 打开dialog
    openDialog() {

      // 打开弹窗
      this.dialogVisible = true

    },


    // iframe加载完成
    onIframeLoad() {



    },



  },
  props: {


    // iframe的url
    iframeUrl: {
      type: String,
      default: "http://10.197.53.38:8121/config/detail?app=1&iceId=5"
    },


    // dialog Titile
    dialogTitile:{
      type: String,
      default: "显示弹窗"
    }

  }
}
</script>

<style scoped>

.commonDialogIframe {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  min-height: 1000px;
  background: #fff;
}

</style>

